<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 优先使用 IE 最新版本和 Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 为移动设备添加 viewport-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）-->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no">
    <!-- 下面三个是清除缓存 微信浏览器缓存严重又无刷新；这个方法调试的时候很方便-->
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>全部订单</title>
    <!--引入swipper.css-->
    <link rel="stylesheet" href="../lib/swiper/swiper-3.3.1.min.css">
    <!--  引入  weui.css jquery-weui.css jQuery WeUI 依赖 weui.css 和 jQuery，但是请注意要使用正确的版本。-->
    <link rel="stylesheet" href="../lib/weui/weui.css">
    <link rel="stylesheet" href="../lib/weui/jquery-weui.css">
    <!--引入ydui.css-->
    <link rel="stylesheet" href="../lib/ydui/ydui.css">
    <!--引入jquery-->
    <script src="../lib/jquery/jquery-2.1.4.min.js"></script>
    <!--引入Vue-->
    <script src="../lib/vue/vue.min.js"></script>
    <!--引入jquery-weui.js-->
    <script src="../lib/weui/jquery-weui.min.js"></script>
    <!--引入flexible.js-->
    <script src="../lib/flexible/flexible.js"></script>
    <!--引用handler.js-->
    <script src="../lib/template/handlebars-v4.0.5.js"></script>
    <!--引入Swiper.js-->
    <script src="../lib/swiper/swiper-3.3.1.min.js"></script>
    <!--引入公共css-->
    <link rel="stylesheet" href="../lib/css/style-min.css">
    <!--引入公共common.js-->
    <script src="../lib/common/common.js"></script>
    <!--引入对应的css-->
    <link rel="stylesheet" href="../css/customerSer/customerSer.css">
</head>
<body>
<div class="customer" id="saleEle">
    <div class="home-top headerNav">
        <header class="m-navbar demo-small-pitch">
            <a href="javascript:;" class="navbar-item" onclick="returnPage()"><img class="back" src="../images/return.png"/></a>
            <div class="navbar-center"><span class="navbar-title top-color">订单详情</span></div>
            <a href="javascript:;" class="navbar-item kefu"><img src="../images/customerSer/kefu@2x.png" alt=""></a>
        </header>
    </div>
    <div class="headerNav" style="height: 1.3rem;background-color: #181818;"></div>
    <!--待处理子订单-->
    <div class="childOrder" v-show="childId>=1&&childId<=6">
        <!--已退款-->
        <div class="alreadyOrder" v-show="childId==3">
            <div class="alreadyHeader">
                <p class="pText">已退款</p>
                <p class="pNum">订单编号：{{childData.afterSn}}</p>
            </div>
        </div>
        <!--/已退款-->
        <!--已退货退款-->
        <div class="alreadyOrder" v-show="childId==5">
            <div class="alreadyHeader">
                <p class="pText">已退货退款</p>
                <p class="pNum">订单编号：{{childData.afterSn}}</p>
            </div>
        </div>
        <!--/已退货退款-->
        <!--待处理-->
        <div class="Pending" v-show="childId==1">
            <div class="alreadyHeader">
                <p class="pText">待处理</p>
                <p class="pNum">订单编号：{{childData.afterSn}}</p>
                <p class="pTime" style="display: none"><span class="timespan">2天19小时28分21秒</span>后自动退款</p>
            </div>
        </div>
        <!--/待处理-->

        <!--已拒绝-->
        <div class="refuse" v-show="childId==4">
            <div class="alreadyHeader">
                <p class="pText">已拒绝</p>
                <p class="pNum">订单编号：{{childData.afterSn}}</p>
            </div>
        </div>
        <!--/已拒绝-->

        <!--退货退款中-->
        <div class="refuse" v-show="childId==2">
            <div class="alreadyHeader">
                <p class="pText">退货退款中</p>
                <p class="pNum">订单编号：{{childData.afterSn}}</p>
            </div>
        </div>
        <!--/退货退款中-->
        <!--退款中-->
        <div class="refuse" v-show="childId==6">
            <div class="alreadyHeader">
                <p class="pText">退款中</p>
                <p class="pNum">订单编号：{{childData.afterSn}}</p>
            </div>
        </div>
        <!--/退款中-->
        <!--订单数据-->
        <div style="height: 7px;"></div>
        <div class="shop-head-con">
            <div class="imgs"><img v-bind:src="childData.goodImg"></div>
            <div class="shop-head-text">
                <h4>{{childData.goodsName}}</h4>
                <p class="select"><label>{{childData.goodSpecInfo}}</label></p>
                <p class="add-price clearFix">
                    <label>￥<span class="add-shop-price">{{childData.salePeice}}</span></label>
                    <span class="addnum">x{{childData.quantity}}</span>
                </p>
            </div>
        </div>
        <div style="height: 7px;"></div>

        <!--拒绝理由-->
        <div class="refuseBox" v-show="childId==4">
            <span class="refuseCap">拒绝理由:</span>
            <span class="refuseText">{{childData.storeRefuseReason}}</span>
        </div>
        <!--/拒绝理由-->

        <!--退货退款-->
        <div class="Refund" v-show="childId==2">
            <div class="RefundInf">
                <div class="RefundInfBox">
                    <p class="RefundInf-cap">
                        请在<span>6天20小时30分钟</span>内将商品寄回以下地址，并在下方填写回寄的物流信息，商家会在收到商品后立即退款。
                    </p>
                </div>
                <div class="exist-address-box">
                    <a href="javascript:;">
                        <div class="left">
                            <img src="../images/pay/zuobiao@2x.png">
                        </div>
                        <div class="cen">
                            <div class="name clearfix">
                                <label class="default-linkMan">{{address.linkMan}}</label>
                                <!--<span class="identity-status default-identity-status"></span>-->
                                <span class="r default-mobile">{{address.mobile}}</span>
                            </div>
                            <div class="address-1">
                                <span class="default-address-con">
                                    {{address.province}}{{address.city}}{{address.area}}{{address.address}}
                                </span>
                            </div>
                        </div>
                        <!--<div class="right"></div>-->
                    </a>
                    <div class="hr"></div>
                </div>
            </div>
            <div style="height: 7px;background: #f8f8f7;"></div>
            <div class="cl-info-href delivery-way choose"  v-on:click="selectPageLog(7)">
                <a href="javascript:;">
                    <div class="left">
                        <span class="text">选择物流公司</span>
                        <span class="fr free-freight chColor">{{logNameObj.companyName}}</span>
                        <!--<span class="fr timely-send">快递送</span>-->
                    </div>
                    <div class="right"></div>
                </a>
            </div>
            <div class="cl-info-href delivery-way choose" v-on:click="selectPageLog(8)">
                <a href="javascript:;">
                    <div class="left" >
                        <span class="text">填写物流单号</span>
                        <span class="fr free-freight chColor">{{logNum}}</span>
                    </div>
                    <div class="right"></div>
                </a>
            </div>
            <div class="RefundBtn flex">
                <div class="btnL"></div>
                <div class="btnR" v-show="!sureYesNo" onclick="sureReFun()">确认寄回</div>
                <div class="btnR" v-show="sureYesNo" onclick="goOrderPage()">查看退货物流</div>
            </div>
        </div>
        <!--/退货退款-->

        <div class="orderTable">
            <div class="orderBox ">
                <div class="box clearFix">
                    <p class="left">退款金额</p>
                    <p class="right paddRight">¥{{childData.refundMoney}}+现金币{{childData.refundCashMoney}}</p>
                </div>
                <div class="riText paddRight">优惠券不支持退换</div>
            </div>
            <div class="tab clearFix">
                <p class="tabText">退款类型</p>
                <p class="tabIcon paddRight">{{childData.reFundType}}</p>
            </div>
            <div class="tab clearFix">
                <p class="tabText">退款原因</p>
                <p class="tabIcon paddRight">{{childData.userRefundReason}}</p>
            </div>
            <div class="tab clearFix">
                <p class="tabText">退款说明</p>
                <p class="tabIcon paddRight">{{childData.userFirstReason}}</p>
            </div>
            <div class="icons clearFix">
                <p v-for="(item,index) in childData.imgProofS">
                    <img :src="item"  alt="">
                </p>
            </div>
        </div>

        <div style="height: 50px;" v-show="childId==2"></div>
        <!--/订单数据-->
    </div>
    <!--/待处理子订单-->

    <!--选择物流单号-->
    <div class="logistics" v-show="childId==8">
        <div class="home-top" v-bind:class="{'childSty' : appInd==0}" >
            <header class="m-navbar demo-small-pitch">
                <a href="javascript:;" class="navbar-item" v-on:click="returnPayPage(2)"><img class="back" src="/b2c/images/pay/map_return.png"/></a>
                <div class="navbar-center"><span class="navbar-title top-color">填写物流单号</span></div>
                <a href="javascript:;" class="navbar-item kefu"></a>
            </header>
        </div>
        <div class="bgHei" v-bind:class="{'childSty' : appInd==0}"></div>

        <div class="logisticsBox">
            <div class="inp"><input type="text" placeholder="请输入物流单号" v-model="logNum"></div>
            <div class="btn" v-on:click="logSureFun()">确认</div>
        </div>
    </div>
    <!--/选择物流单号-->

    <!--选择快递公司-->
    <div class="logisticsCompany" v-show="childId==7">
        <div class="home-top" v-bind:class="{'childSty' : appInd==0}"  >
            <header class="m-navbar demo-small-pitch">
                <a href="javascript:;" class="navbar-item" v-on:click="returnPayPage(2)"><img class="back" src="../images/return.png"/></a>
                <div class="navbar-center"><span class="navbar-title top-color">选择物流公司</span></div>
                <a href="javascript:;" class="navbar-item kefu"></a>
            </header>
        </div>
        <div class="bgHei" v-bind:class="{'childSty' : appInd==0}"></div>

        <div class="CompanyBox">
            <ul class="ulBox">
                <li v-for="(item,index) in logCompany" v-on:click="selectLogFun(item)">{{item.companyName}}</li>
                <!--<li>天天快递</li>-->
                <li class="other">其他</li>
            </ul>
        </div>
    </div>
    <!--/选择快递公司-->

</div>
</body>
<script src="../lib/js/ui.js"></script>
<script src="../js/customerSer/customer_inf.js"></script>
</html>